/* Utilizar o seletor universal(*) para remover todos os valores padrão para margin e pedding dos browser's */
* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration:		none;	/* Retira o sublinhado de todos os links */	
}

html, body { 
	margin:           	0px;
	font: 				14px Helvetica, Helvetica Neue, Arial;
	background-color: 	#EEE;  /* Cor de fundo */
	color: 				#6d685b;  /* Cor da fonte */
}

#perfil{
	margin: 		8px;
	color: 			white;
	float: 			right;	
}

#footer {
	background-color: 	#CCC9C2;
	text-align:       	center;
	padding:         	15px;
	margin-top:			2%;
	height: 			100px;
	font-size:        	90%;
	clear:            	left;
}

/******************************/
/* CSS do cabeçalho e do menu */
/******************************/

#container-cabecalho{
	background-color: 		#555;
	background-image: 		url('../images/linha.png');
	
	background-repeat: 		repeat-x;
	background-position: 	bottom;
}

/*************************************************/
/*			       CSS DO MENU					 */
/*************************************************/

#container-menu{
	background-color: 		white;
	width:					100%;
	height:					49px;
	-webkit-box-shadow: 	0 5px 10px #aaa;
	-moz-box-shadow:	    0 5px 10px #aaa;
	box-shadow: 			0 5px 10px #aaa;
    
}


#container-menu ul{
    margin: 			0; 
	padding: 			0;
    float: 				left;
	text-align: 		center;
}
 
#container-menu ul li{
    display: 			inline;
}
 
 
#container-menu ul li a{
    float: 				left; 
	text-decoration: 	none;
	color:				#000; 
	padding: 			14px 40px;
	background-color: 	white;
    width:				100px;
}
 
#container-menu ul li a:visited{
	color:				#000; 
}
 
#container-menu ul li a:hover, li.atual a {
    background-color:	#D6D6D6;
    color:				#6D6D6D;
    border-bottom:		5px solid #D02E27;
}

/* Css que controla a cor do link atual */
#container-menu ul li.atual a {
	color: 				#fff;
    background-color: 	#30B4C5; 	
}


header{
	height: 		45px;
}

/*************************************************/
/*			FIM CSS DO MENU						 */
/*************************************************/




/*************************************************/
/*			COMPORTAMENTO GLOBAL DOS BOTÕES		 */
/*************************************************/

input[type="submit"] {
	font-size:					15px;
	color: 						#FFF;
	text-decoration: 			none;
	-moz-border-radius: 		6px; 
	-webkit-border-radius: 		6px;
	-moz-box-shadow: 			0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 		0 1px 3px rgba(0,0,0,0.6	);
	text-shadow: 				0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 				1px solid rgba(0,0,0,0.25);
	position: 					relative;
	cursor: 					pointer;
	border-radius: 				5px;
	
	-moz-border-radius: 		6px; 
	-webkit-border-radius: 		6px;
	-webkit-box-shadow: 		0 1px 3px rgba(0,0,0,0.6	);
	text-shadow: 				0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 				1px solid rgba(0,0,0,0.25);
	position: 					relative;
	cursor: 					pointer
}

input[type=submit]:active{
	top:				1px;
}

input[type="submit"]:hover{
	
	background-image:  url('../images/overlay.png');
}

/***********************************************/
/***********************************************/

#corpo{
	width: 100%;
	height: 100%;
}

/************************************************/
/*				 CSS MENU 						*/
/************************************************/

#container-cabecalho ul{
    margin: 			0; 
	padding: 			0;
    float: 				left;
	text-align: 		center;
}
 
#container-cabecalho ul li{
    display: 			inline-block;
}
 
 
#container-cabecalho ul li a{
    float: 				left; 
	background-color:	transparent; /* para o IE */
}

#logout a{
	background-image: url('../images/logout.png');
	background-repeat:	no-repeat;
	background-position: center left;
}

.config_logout a{
	float:				right;
	margin-top:			11px;
	padding-right:		20px;
	padding-left:		24px;
	
	background-color:	transparent; /* para o IE */
	text-decoration: 	none;
}

#config a{
	background-image: url('../images/configuracao.png');
	background-repeat:	no-repeat;
	background-position: center left;	
}

#nome_usuario{
	float:				left;	
	padding-top:		13px;
	padding-left:		30px;
	margin-left:		10px;
	
	background-color:	transparent; /* para o IE */
	
	background-image: url('../images/user.png');
	background-repeat:	no-repeat;
	background-position: bottom left;
}

.menu_acesso_rapido {
	text-decoration: 	none;
	font-size:			16px;
	color:				white;
}

/************************************************/
/*				FIM CSS MENU 		     		*/
/************************************************/

/**********************************************/
/*		    css dos botões 					  */
/**********************************************/

.orange_button{
	padding:			10px;
	background: 		#F89C20; /* Amarelo */
	border-style: 		none;
	border-radius: 		5px;
	font-weight:		bold;
}


.fim_da_lista{
	padding-top:	5px;
	color:			#333;
	text-align:		center
}

.blue_button{
	padding:			10px;
	background: 		#2EB3C4; /* Azul */
	border-style: 		none;
}

.purple_button{
	padding:			10px;
	background: 		#309; /* Roxo */
	border-style: 		none;
	border-radius: 		5px;
	font-weight:		bold;
}

/**********************************************/
/*			fim css dos botões 				  */
/**********************************************/


#nova-tarefa{
	margin: 			5px 20px 0px 0px;
	float:				right;		
	text-decoration:	none;	
}

#busca{
	border-radius: 				20px;
	-moz-border-radius: 		20px; 
	-webkit-border-radius: 		20px;		
	
	width:						30%;
	
	border-color:				#000;
	border-width:				2px;
	padding-left:				10px;
	
	margin-left:				68%;
}

/*************************************************/
/*				REGRAS DOS BOTOES				 */
/*************************************************/


.gray_button, #botao_editar {
	-moz-box-shadow:				inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:				inset 0px 1px 0px 0px #ffffff;
	box-shadow:						inset 0px 1px 0px 0px #ffffff;
	background:						-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:						-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:							progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:				#ededed;
	-moz-border-radius:				6px;
	-webkit-border-radius:			6px;
	border-radius:					6px;
	border:							1px solid #dcdcdc;
	display:						inline-block;
	color:							#777777;
	font-family:					arial;
	font-size:						12px;
	font-weight:					bold;
	padding:						5px 22px;
	text-decoration:				none;
	text-shadow:					1px 1px 0px #ffffff;
}

.gray_button:hover , #botao_editar:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}

.gray_button:active, , #botao_editar:active  {
	position:relative;
	top:1px;
}

.nome_titulo{
	font-size:		24px;	
}

#container_voltar{
	width:				140px;
	margin: 			0 auto;
	margin-top:			10px;
}

.corrigir_campos{
	width:				105%;	
}

#tip_tarefa{
	width: 102%;	
}

/* Css menu de acesso rápido */
#nome_usuario a{
	color: white;	
}

#nome_usuario a:hover{
	color: #F89C20;	
}

/* titulo de todas as telas ( titulo dentro da barra escura ) */
.label_titulo{
	text-align:		center;
	font-weight:bold;
}

.botao_deletar{
	margin-top:				5px;	
	padding-bottom:			5px;
	padding-left:			700px;
	
	border-bottom:  			solid;
	border-bottom-width:		5px;
	border-bottom-color:		#D8D3CD; /* marron escuro */
}